/*重头戏开始*/
/* 主要用于mpe */

/**
 * ===================================
 * 核心功能样式
 * ===================================
 */

/* 隐藏YAML front matter（文档头部的配置区域） */
.markdown-preview.markdown-preview .front-matter,
.markdown-preview.markdown-preview pre.front-matter {
    display: none !important;
}

* {
    -webkit-font-smoothing     : antialiased;
    -webkit-overflow-scrolling : touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust   : none;
    -webkit-touch-callout      : none;
    box-sizing                 : border-box;
    font-family                : "LXGW WenKai Mono Screen", "LXGW WenKai Screen", "Cascadia Code PL", "Cascadia Code", "KaTeX_Main", "DejaVu Sans Mono", "SimHei";
}



/*初始化格式*/

body {
    line-height     : 1.5em;
    letter-spacing  : .034em;
    font-size       : 16px;
    word-break      : all;
    background-color: #ffffff;
    max-width       : 1000px;
    /*设置最大宽度*/
    margin          : 0 auto;
    /*设置内容居中*/
}



h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.25em;
    margin-top   : 0.5em;
}

/* 一级标题 */

/*三个小点点*/
h1::before {
    max-width            : 1000px;
    content              : " ";
    position             : absolute;
    -webkit-border-radius: 50%;
    border-radius        : 50%;
    background           : #fc625d;
    width                : 12px;
    height               : 12px;
    left                 : 10px;
    top                  : 10px;
    -webkit-box-shadow   : 20px 0 #fdbc40, 40px 0 #35cd4b;
    box-shadow           : 20px 0 #fdbc40, 40px 0 #35cd4b;
    z-index              : 2;
}

h1 {
    background-position: center top;
    background-repeat  : no-repeat;
    background-size    : 70px;
    line-height        : 70px;
    margin-top         : 10px;
    margin-bottom      : 0px;
    text-align         : center;
    padding-bottom     : 0em;
    border             : 0px;
    /* 一级标题内容 */
    font-size          : 24px;
    color              : #0f59a4;
}


/*二级标题*/
h2 {
    display            : inline-block;
    background         : rgb(45, 200, 120);
    background-repeat  : no-repeat;
    background-position: center;
    border-radius      : 5px;
    padding            : 8px;
    box-shadow         : rgb(102, 102, 102) 2px 3px 1.5px 1.5px;

    /* 二级标题内容 */
    color      : #fffef9;
    font-size  : 20px;
    font-weight: normal;
    text-shadow: rgb(102, 102, 102) 1px 1px 1px;
}

h2::after {
    display: block;

}

/* 三级标题 */
h3:before {
    content     : "";
    background  : size 1.5em;
    display     : inline-block;
    margin-top  : 0.5em;
    padding-left: 8px;
}

h3 {
    display    : block;
    font-size  : 19px;
    font-weight: bold;
    color      : #0f59a4;

    line-height: 1.5em;
}

/* 四级标题 */
h4:before {

    content    : "";
    background : size 1.5em;
    display    : inline-block;
    text-indent: 0.75em;
}

h4 {
    display    : block;
    font-size  : 18px;
    font-weight: bold;
    color      : #168381;
    text-indent: 0.75em;
    line-height: 1.5em;
}

h5 {
    font-weight: bold;
    text-indent: 1em;
    color      : #2b9678;
    font-size  : 17px;
}

h6 {
    font-size  : 16px;
    color      : #ff6668;
    line-height: 1.5em;
    text-align : center;
    font-style : italic;
    font-weight: bold;
}

p {
    padding-top       : 0px;
    padding-left      : 1em;
    padding-right     : 1em;
    color             : rgb(74, 74, 74);
    line-height       : 1.5em;
    font-size         : 16px;
    /*  text-align    : justify; 尽量两端对其 */
    /* 首行缩进 */
    /* text-indent    : 2em; */

}





/* 引用
    * 左边缘颜色 border-left-color:black;
    * 背景色 background:gray; */
blockquote {
    padding         : 15px 15px 10px 10px;
    line-height     : 27px;
    border-radius   : 10px;
    display         : block;
    border-color    : #bababa;
    color           : #656565;
    background-color: #f3f0ea;
    font-style      : italic;
    border-left     : 5px solid;
    padding-left    : 1em;
    max-width       : 90%;
    margin          : 0 auto;
    margin-bottom   : 0.5em;
}

/* 引用文字 */
blockquote p {
    padding  : 0px;
    font-size: 15px;
    color    : rgb(18, 107, 21);
}

/* 链接 */

a:hover,
a:active {
    @supports (-webkit-background-clip: text) or (background-clip: text) {
        background             : linear-gradient(to right, red, rgb(1, 214, 193));
        -webkit-background-clip: text;
        background-clip        : text;
        color                  : transparent;
    }

    font-size : larger;
}

a {
    color          : rgb(20, 57, 116);
    text-decoration: underline;
}


/* 加粗 */
strong {
    line-height: 1.75em;
    color      : #ec0434;
}

/* 斜体 */
em {
    color: rgb(18, 107, 21);
    /*字符间距*/
}

/* 加粗斜体 */
em strong {
    color: rgb(18, 107, 21);
    /*字符间距*/
}

/* 删除线 */

del,
s {
    font-style     : italic;
    text-decoration: line-through;
    font-weight    : bolder;
    color          : #fc625d;
}

sub {
    color: #0b941b;
}

/* 分割线 */
hr {
    height          : 2px;
    padding         : 0;
    border          : none;
    text-align      : center;
    background-image: linear-gradient(to right, rgba(60, 122, 198, 0), rgba(6, 58, 122, 1), rgba(60, 122, 198, 0));
}

/* 图片 */
.container img {
    max-width: 100%;
}

img {
    display      : block;
    border-radius: 10px;
    max-width    : 99%;
    max-height   : 960px;
    margin       : 0 auto;
}

/* 鼠标点击变大 */
img:active {
    transform: scale(2);
}

/*音频*/
audio {
    display: block;
    margin : 0 auto;
}

/*视频*/
video {
    overflow       : hidden;
    display        : flex;
    align-items    : center;
    justify-content: center;
    max-width      : 80%;
    max-height     : 700px;
    margin         : 0 auto;
}


@media only screen and (max-width: 480px) {
    /*此适配不同手机型号下文字，图片的大小*/
}

@media only screen and (max-width: 375px) {

    /*此适配不同手机型号下文字，图片的大小*/
}


/* 图片描述文字 */
figcaption {
    display    : block;
    font-size  : 12px;
    font-family: PingFangSC-Light;
}



/* 列表内容 */
ul,
ol {
    margin-top   : 0.25em;
    margin-bottom: 0.5em;
    margin-left  : 1em;
}

/* 修改段落后面的列表 */
p+ul,
p+ol {
    margin-top : -1em;
    margin-left: 2em;
}

li ul {
    margin-top: 0em;
}

/* 修改列表后的加粗段落 */
/* ol+p strong {
    margin-left: -16px;
    }*/

/* 序号 */
li::marker {
    color      : rgb(97, 22, 172);
    font-weight: bolder;
    font-style : italic;
}

ul li::marker {
    font-style : normal;
    font-weight: 800;
}

li {
    list-style-type    : decimal;
    list-style-position: outside;
    color              : rgb(1, 71, 78);
    size               : 14px;
}

ol li {
    list-style-type    : decimal;
    list-style-position: outside;
}

ul li {
    list-style-type    : disc;
    list-style-position: outside;
}

li li {
    list-style-type    : lower-latin;
    list-style-position: outside;
}

li ol {
    list-style-type    : lower-latin;
    list-style-position: outside;
    margin-top         : 0px;
}

li p {
    margin-left : 0px;
    padding-left: 0px;
}

table {
    margin         : 0 auto;
    width          : 100%;
    font-size      : 1em;
    border         : 0px;
    border-spacing : 0;
    display        : table;
    /*去掉单元格间隙*/
    border-collapse: collapse;
    word-wrap      : break-word;
    word-break     : break-word;
}

thead {
    background-color: #e0e0e0;
    color           : #000;
    text-align      : left;
    vertical-align  : bottom;
    margin          : 0 auto;
    width           : 100%;
    vertical-align  : middle;
    word-break      : keep-all;
}

thead.md-table-edit {
    background-color: transparent
}

thead th,
tfoot th {
    padding       : .25em .25em .25em .4em;
    text-transform: uppercase
}

th {
    text-align      : center;
    font-weight     : bolder;
    color           : #fff;
    background-color: #042335;
}

td {

    vertical-align: middle;
    padding       : .25em .5em .25em .4em;
    color         : #237465;
}


/*设置条纹*/
tr:nth-of-type(even) {
    background: #eee;
}

/*设置首列不同*/
td:nth-child(1) {
    font-weight: bolder;
    font-style : italic;
    color      : rgb(6, 77, 140);
    word-break : keep-all;
}

caption {
    color     : #000;
    font      : italic 85%/1 arial, sans-serif;
    padding   : 1em 0;
    text-align: center;
}


.md-fences {
    margin-left  : 2em;
    margin-bottom: 3em
}

.md-fences .CodeMirror.CodeMirror-wrap {
    top: -0.8em
}

tt {
    font-size  : .875em;
    line-height: 1.714285em
}



body .task-list {
    padding-left: 1rem
}

body .task-list-item {
    list-style-type: none;
    margin-left    : -1.8em
}

body .task-list-item .task-list-item-checkbox {
    margin-right: .8em
}

body .task-list-item input:before {
    content         : "\221A";
    display         : inline-block;
    width           : 1.25rem;
    height          : 1.5rem;
    vertical-align  : middle;
    text-align      : center;
    color           : #ddd;
    background-color: #F3F2EE
}

body .task-list-item input:checked:before,
body .task-list-item input[checked]:before {
    color: inherit
}

body kbd {
    color: #1f0909
}

body li>p {
    left: 0;
}

body .md-meta,
body .md-before,
body .md-after {
    color: #999
}



.footnotes {
    padding-top: 8px;
}

/* 脚注文字 */
.footnote-word {
    color: rgb(60, 112, 198);
}

/* 脚注上标 */
.footnote-ref {
    color: rgb(60, 112, 198);
}

/* 脚注超链接样式 */
.footnote-item em {
    color              : rgb(60, 112, 198);
    font-size          : 13px;
    font-style         : normal;
    border-bottom-color: 1px dashed rgb(60, 112, 198);
}

/* "参考资料"四个字 
    * 内容 content: "参考资料";
    */
.footnotes-sep:before {
    background-image: none;
    background-size : none;
    display         : block;
    width           : auto;
    height          : auto;
}

/* 参考资料编号 */
.footnote-num {
    color: rgb(60, 112, 198);
}

/* 参考资料文字 */
.footnote-item p {
    color      : rgb(60, 112, 198);
    font-weight: bold;
}

/* 参考资料超链接 */
.footnote-item a {
    color: rgb(60, 112, 198);
}

/* 参考资料解释 */
.footnote-item p em {
    font-size    : 14px;
    font-weight  : normal;
    border-bottom: 1px dashed rgb(60, 112, 198);
}

/* 行间公式*/
.block-equation svg {
    max-width: 300% !important;
}

/* 行内公式*/

.inline-equation svg {
    max-width: 300% !important;
}

/* 滑动图片*/
.imageflow-img {
    display      : inline-block;
    width        : 100%;
    margin-bottom: 0;
}

/*打印时强制下一页*/
.nextpage {
    page-break-after: always;
    border          : 0px;
    background-image: none;
    background      : none;
}

/*容器和媒体*/
.container {
    width    : 1100px;
    max-width: 100%;
}


/* 输入框纵向居中 */
input {
    text-align    : center;
    vertical-align: middle;
}


/*代码块*/
/* 行内代码 */

/* 非微信代码块
    * 代码块不换行 display:-webkit-box !important;
    * 代码块换行 display:block;
    */


/* 表格内的单元格
    * 字体大小 font-size: 16px;
    * 边框 border: 1px solid #ccc;
    * 内边距 padding: 5px 10px;
    */

code {
    display         : inline-block;
    color           : #1c2939;
    background-color: #f7e8c1;
    border-radius   : 5px;
    font-weight     : 800;
    padding         : 0em;
    margin          : 0;
    text-indent     : 0;
    word-wrap       : break-word;
    word-break      : break-all;
    font-family     : "Cascadia Code";
}


pre[data-line] {
    position: relative;
    padding : 1em 0 1em 3em !important
}

pre[data-line] .line-highlight-wrapper {
    position        : absolute;
    top             : 0;
    left            : 0;
    background-color: transparent;
    display         : block;
    width           : 100%
}

pre[data-line] .line-highlight {
    position      : absolute;
    left          : 0;
    right         : 0;
    padding       : inherit 0;
    margin-top    : 1em;
    background    : rgba(153, 122, 102, 0.08);
    background    : linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    pointer-events: none;
    line-height   : inherit;
    white-space   : pre
}

pre[data-line] .line-highlight:before,
pre[data-line] .line-highlight[data-end]:after {
    content         : attr(data-start);
    position        : absolute;
    top             : .4em;
    left            : .6em;
    min-width       : 1em;
    padding         : 0 .5em;
    background-color: rgba(153, 122, 102, 0.4);
    color           : #f5f2f0;
    font            : bold 65%/1.5 sans-serif;
    text-align      : center;
    vertical-align  : .3em;
    border-radius   : 999px;
    text-shadow     : none;
    box-shadow      : 0 1px white;

}

pre[data-line] .line-highlight[data-end]:after {
    content: attr(data-end);
    top    : auto;
    bottom : .4em
}


pre {
    background    : rgb(240, 241, 241);
    border        : 0px solid rgb(182, 106, 7);
    border-radius : 10px;
    font          : 16px/22px, "Microsoft YaHei", Arial, Sans-Serif;
    line-height   : 1.35em;
    max-width     : 90%;
    text-shadow   : none;
    color         : #000;
    box-shadow    : 0 10px 30px 0 rgba(0, 0, 0, .4);
    margin        : auto;
    margin-bottom : 1em;
    margin-top    : 0em;
    padding-top   : 0.13em;
    padding-bottom: 0em;
    padding-left  : 0em;
    font-weight   : bolder;
    word-break    : break-all;
    word-wrap     : break-word;
    white-space   : pre-wrap;
}


pre:after {
    color      : #ccc;
    content    : attr(data-lang);
    font-size  : 16px;
    height     : 15px;
    line-height: 15px;
    padding    : 5px 10px 0;
    position   : absolute;
    right      : 0;
    text-align : right;
    top        : 0
}

.language- {
    padding: 2px;
}

pre code {
    width           : 100%;
    background-color: #eee;
    margin          : 0px;
    border          : 0px;
    padding-left    : 4em;
    padding-top     : 1em;
    padding-bottom  : 1em;
    word-wrap       : break-word;
    word-break      : break-all;
    white-space     : pre-wrap;
}

/*mpe的代码样式*/

.token {
    word-wrap : break-word;
    word-break: break-all;
}

.token.comment {
    font-style: italic;
    color     : #075811;
    word-wrap : break-word;
    word-break: break-all;
}

.token.function {
    color: #ff6600;
}

.token.string {
    color: #0a1e51;
}

.token.number {
    color: #c23651;
}

.token.directive-hash {
    color: #06615e;
}

.token.class-name {
    color: teal;
}

.token.keyword {
    color      : #8d211e;
    font-style : italic;
    font-weight: 1100;
}

.token.operator {
    color: #681817;
}



/*数学相关*/
mjx-container,
.mathjax-exps,
.MathJax,
.katex,
.mstyle,
.mrow,
.mfrac,
.math,
.mord,
.mo,
.mi,
.mn {
    line-height: 2em;
    color      : #f97d1d;
    font-style : normal;
    font-family: Inconsolata;
    font-size  : larger;
}

/* mermaid相关 */
.root {
    vertical-align: middle;
    min-width     : 100px;
    font-weight   : bold;
}


/* 详情点击展开 */
details {
    /* 一人一个一像素 */
    border-bottom: #06615e solid 1px;
}

summary {
    text-align   : center;
    list-style   : inside inherit;
    color        : #237465;
    font-size    : larger;
    font-weight  : bolder;
    border-bottom: #06615e solid 1px;
}

summary:hover,
summary:active {
    font-size: xx-large;
    color    : #fc625d;
}